@import "~common/css/_variables.scss";

.singer_detail {
  width: 100%;
  height: 100%;

  .singer_nav {
    margin-top: 30px;
    border-bottom: 1px solid #e5e6ea;

    ul {
      display: flex;
      align-items: center;
      width: 100%;
      line-height: 24px;
      padding: 0 0 0 60px;
      color: $c333;

      a {
        display: block;
        margin: 0 20px;
        padding: 0 4px;
        border-bottom: 3px solid transparent;

        li {
          padding-bottom: 4px;
          line-height: 24px;
        }

        &:hover {
          color: $c333;
        }

        &.active {
          color: $color;
          border-bottom-color: $color;
        }
      }
    }
  }
}

// album
.album {
  padding: 0 30px 20px 0;
}

// mv
.mv {
  padding: 0 30px 20px 0;
}

// desc
.desc {
  padding: 20px 30px 40px;

  h2 {
    font-size: $fz16;
    font-weight: 600;
    padding: 10px 0;
  }

  ul {
    li {
      color: $c666;
      line-height: 1.8;
      text-indent: 2em;
      text-align: justify;
    }
  }
}

// simi
.simi {
  padding: 0 30px 20px 0;
}